.content-recommend-wraper{
    position: relative;
    z-index: 1000;
    width: 1190px;
    margin: 0 auto;
    h2{
        img{
            width: 100%;
        } 
    }
    @at-root .recommend-list{
        display: flex;
        flex-wrap: wrap ;
        justify-content: space-between;
        &:hover{
            cursor: pointer;
        }
        @at-root .recommend-box{
            width: 230px;
            height: 350px;
            margin: 10px 0;
            background-color: #fff;
            border-radius: 6px;
            position: relative;
            &:hover{
            box-shadow:0 6px 12px 0 rgb(0 0 0 / 15%) ;
            }
            &:hover .title{
            color: #f60;
            }
            img{
                width: 230px;
                height: 230px;
                overflow: hidden;
                border-radius: 6px;
            }
        }
        .title{
            width: 202px;
            height: 40px;
            margin: 0 0 8px 14px;
            overflow: hidden;
            color: #333;
            font: 14px/20px 'Microsoft Yahei',tahoma,arial,'Hiragino Sans GB';
        }
        .price-box{
            color: #f30;
            position: absolute;
            height: 28px;
            bottom: 10px;
            left: 14px;
            i{
                font-size: 14px;
            }
            .price{
                font-size: 20px;
            }
        }
    }
}